<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>小米商城</title>
  <link rel="stylesheet" href="./css/iconfont.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" href="./css/main.css">
  <link rel="stylesheet" href="./css/footer.css">
  <link rel="stylesheet" href="./css/swiper-bundle.min.css">
</head>

<body>
  <!-- 顶部 -->
  <div class="top"></div>
  <!-- 头部 -->
  <header class="header">
    <div class="w clearfix">
      <!-- 左边导航条 -->
      <div class="navBar fl">
        <a href="javascript:;">小米商城</a>
        <span>|</span>
        <a href="javascript:;">MIUI</a>
        <span>|</span>
        <a href="javascript:;">IoT</a>
        <span>|</span>
        <a href="javascript:;">云服务</a>
        <span>|</span>
        <a href="javascript:;">金融</a>
        <span>|</span>
        <a href="javascript:;">有品</a>
        <span>|</span>
        <a href="javascript:;">小爱开放平台</a>
        <span>|</span>
        <a href="javascript:;">企业团购</a>
        <span>|</span>
        <a href="javascript:;">资质证照</a>
        <span>|</span>
        <a href="javascript:;">协议规则</a>
        <span>|</span>
        <a href="javascript:;">下载app</a>
        <span>|</span>
        <a href="javascript:;">智能生活</a>
        <span>|</span>
        <a href="javascript:;">Select Location</a>
      </div>
      <!-- 右边的登录 -->
      <div class="info fr clearfix">
        <!-- 购物车 -->
        <div class="car fr">
          <a href="javascript">购物车</a>
          <div class="car_con">购物车中还没有商品，赶紧选购吧！</div>
        </div>
        <!-- 登录注册 -->
        <div class="login fl">
          <a href="javascript:;">登录</a>
          <span>|</span>
          <a href="javascript:;">注册</a>
          <span>|</span>
          <a href="javascript:;">消息通知</a>
        </div>
      </div>
    </div>
  </header>

  <!-- 导航栏 -->
  <nav class="nav">
    <div class="w clearfix">
      <!-- logo -->
      <div class="logo fl">
        <h1>
          小米商城
          <img src="./images/logo_top.png" alt="">
        </h1>
      </div>
      <!-- 下拉框的盒子 -->
      <div class="selecte-top fl">
        <div class="top-all">全部商品</div>
        <!-- 左边的导航条 -->
        <div class="subnav fl">
          <ul id="catgreat">
            <li>
              <a href="javascript:;">手机话卡</a><a href="#">手机 </a>
              <!-- 二级菜单 -->
              <div class="menu">
                <ul class="menuli clearfix">
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian4.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/pinghengche.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian8.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian6.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian4.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph3.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                </ul>
              </div>
            </li>
            <li>
              <a href="javascript:;"> 盒子</a><a href="#">电视</a>
              <div class="menu">
                <ul class="menuli clearfix">
                  <li class="clearfix">
                    <img src="./images/peijian3.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian4.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/pinghengche.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian6.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian3.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian4.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph3.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                </ul>
              </div>
            </li>
            <li>
              <a href="javascript:;">显示器</a><a href="#">笔记本 </a>
              <div class="menu">
                <ul class="menuli clearfix">
                  <li class="clearfix">
                    <img src="./images/op5.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/op4.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/pinghengche.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian8.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian6.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian4.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph3.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                </ul>
              </div>
            </li>
            <li>
              <a href="javascript:;">家电线板</a><a href="#">家电 </a>
              <div class="menu">
                <ul class="menuli clearfix">
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian4.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/pinghengche.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian8.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian6.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian4.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph3.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian3.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/untitled.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                </ul>
              </div>
            </li>
            <li>
              <a href="javascript:;"> 穿戴</a><a href="#">出行</a>
              <div class="menu">
                <ul class="menuli clearfix">
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian4.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/pinghengche.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian8.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian6.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian4.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph3.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/yanzhengma.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                </ul>
              </div>
            </li>
            <li>
              <a href="javascript:;">智能由器</a><a href="#">智能 </a>
              <div class="menu">
                <ul class="menuli clearfix">
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian4.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/pinghengche.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian8.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian6.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian4.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/d2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/d1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                </ul>
              </div>
            </li>

            <li>
              <a href="javascript:;"> 配件</a><a href="#">电源</a>
              <div class="menu">
                <ul class="menuli clearfix">
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian4.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/pinghengche.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian8.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian6.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian4.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph3.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                </ul>
              </div>
            </li>

            <li>
              <a href="javascript:;"> 儿童</a><a href="#">健康</a>
              <div class="menu">
                <ul class="menuli clearfix">
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian4.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/pinghengche.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian8.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian6.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian4.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph3.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                </ul>
              </div>
            </li>

            <li>
              <a href="javascript:;"> 音箱</a><a href="#">耳机</a>
              <div class="menu">
                <ul class="menuli clearfix">
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian4.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/pinghengche.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian8.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian6.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian4.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph3.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                </ul>
              </div>
            </li>
            <li>
              <a href="javascript:;"> 箱包</a><a href="#">生活</a>
              <div class="menu">
                <ul class="menuli clearfix">
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian4.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/pinghengche.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian8.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian9.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian6.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian4.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph3.png" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/peijian2.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                  <li class="clearfix">
                    <img src="./images/ph1.jpg" alt="">
                    <h5>小米10至尊版</h5>
                  </li>
                </ul>
              </div>
            </li>
          </ul>

        </div>
      </div>

      <!-- 下拉导航栏 -->
      <div class="slidernav fl">
        <ul class="clearfix">
          <li>小米手机</li>
          <li>Redmi 红米</li>
          <li>电视</li>
          <li>笔记本</li>
          <li>家电</li>
          <li>路由器</li>
          <li>智能硬件</li>
          <li>服务</li>
          <li>社区</li>
        </ul>
      </div>
      <!-- 搜索框 -->
      <div class="search fr">
        <input type="text" placeholder="请输入内容">
        <span class="iconfont icon-sousuo"></span>
      </div>
    </div>
  </nav>

  <!-- 中间轮播图 -->
  <div class="mainbox w clearfix">
    <!-- 轮播图 -->
    <div class="lun fr">
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="./images/lun1.jpg" alt="">
          </div>
          <div class="swiper-slide">
            <img src="./images/lun2.jpg" alt="">
          </div>
          <div class="swiper-slide">
            <img src="./images/lun3.jpg" alt="">
          </div>
          <div class="swiper-slide">
            <img src="./images/lun4.jpg" alt="">
          </div>
        </div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
      </div>
    </div>
  </div>

  <!-- 产品模块 -->
  <div class="products">
    <div class="w">
      <ul class="clearfix proimg">
        <li class="skit clearfix">
          <ul>
            <li>
              <div class="sk-img">
                <img src="./images/op1.png" alt="">
              </div>
              <span>小米秒杀</span>
            </li>
            <li>
              <div class="sk-img">
                <img src="./images/op2.png" alt="">
              </div>
              <span>企业团购</span>
            </li>
            <li>
              <div class="sk-img">
                <img src="./images/op3.png" alt="">
              </div>
              <span>F码通道</span>
            </li>
            <li>
              <div class="sk-img">
                <img src="./images/op4.png" alt="">
              </div>
              <span>米粉卡</span>
            </li>
            <li>
              <div class="sk-img">
                <img src="./images/op5.png" alt="">
              </div>
              <span>以旧换新</span>
            </li>
            <li>
              <div class="sk-img">
                <img src="./images/op6.png" alt="">
              </div>
              <span>话费充值</span>
            </li>
          </ul>
        </li>
        <li><a href="javascript:;"><img src="./images/c01.jpg" alt=""></a></li>
        <li><a href="javascript:;"><img src="./images/c02.jpg" alt=""></a></li>
        <li><a href="javascript:;"><img src="./images/c03.jpg" alt=""></a></li>
      </ul>
    </div>
  </div>

  <!-- 内容 -->
  <div class="content">
    <div class="w">
      <!-- 小米闪购 -->
      <div class="fastbuy">
        <!-- 头部 -->
        <div class="hd clearfix">
          <!-- 左边标题 -->
          <h4 class="fl">小米闪购</h4>
        </div>
        <!-- 主体部分 -->
        <div class="fast_bd">
          <ul class="clearfix">
            <li class="timer">
              <div class="round">00 : 00 场</div>
              <img src="./images/ms.png" alt="">
              <div class="desc">本场已结束</div>
              <div class="countdown">
                <span>00</span>
                <i>:</i>
                <span>00</span>
                <i>:</i>
                <span>00</span>
              </div>
            </li>
            <li>
              <div class="thumb">
                <img src="./images/t01.webp" alt="">
                <h3 class="title">左点小艾2Max只能艾灸盒</h3>
                <p>海泉推荐；国潮养生；AI智能黑科技</p>
                <div class="price">
                  <span>299元</span>
                  <del>369元</del>
                </div>
              </div>
            </li>
            <li>
              <div class="thumb">
                <img src="./images/t01.webp" alt="">
                <h3 class="title">左点小艾2Max只能艾灸盒</h3>
                <p>海泉推荐；国潮养生；AI智能黑科技</p>
                <div class="price">
                  <span>299元</span>
                  <del>369元</del>
                </div>
              </div>
            </li>
            <li>
              <div class="thumb">
                <img src="./images/t01.webp" alt="">
                <h3 class="title">左点小艾2Max只能艾灸盒</h3>
                <p>海泉推荐；国潮养生；AI智能黑科技</p>
                <div class="price">
                  <span>299元</span>
                  <del>369元</del>
                </div>
              </div>
            </li>
            <li>
              <div class="thumb">
                <img src="./images/t01.webp" alt="">
                <h3 class="title">左点小艾2Max只能艾灸盒</h3>
                <p>海泉推荐；国潮养生；AI智能黑科技</p>
                <div class="price">
                  <span>299元</span>
                  <del>369元</del>
                </div>
              </div>
            </li>
          </ul>
        </div>
        <!-- 结尾 -->
        <div class="end">
          <img src="./images/bot01.webp" alt="">
        </div>
      </div>

      <!-- 手机 -->
      <div class="phone">
        <!-- 头部 -->
        <div class="hd clearfix">
          <!-- 左边标题 -->
          <h4 class="fl">手机</h4>
          <div class="all fr">
            查看全部
          </div>
        </div>
        <!-- 主体部分 -->
        <div class="phone_bd clearfix">
          <div class="con_le fl">
            <img src="./images/ce1.webp" alt="">
          </div>
          <div class="con_ri fl">
            <ul class="clearfix">
              <li>
                <div class="thumb">
                  <img src="./images/show1.jpg" alt="" class="p_img">
                  <h3 class="title">小米10 青春版 5G</h3>
                  <p>50倍潜望式变焦 / 轻薄5G手机</p>
                  <div class="price">
                    <span>1899元</span>
                    <del>2099元</del>
                  </div>
                </div>
              </li>
              <li>
                <div class="thumb">
                  <img src="./images/show2.jpg" alt="" class="p_img">
                  <h3 class="title">小米10 青春版 5G</h3>
                  <p>50倍潜望式变焦 / 轻薄5G手机</p>
                  <div class="price">
                    <span>1899元</span>
                    <del>2099元</del>
                  </div>
                </div>
              </li>
              <li>
                <div class="thumb">
                  <img src="./images/show3.jpg" alt="" class="p_img">
                  <h3 class="title">小米10 青春版 5G</h3>
                  <p>50倍潜望式变焦 / 轻薄5G手机</p>
                  <div class="price">
                    <span>1899元</span>
                    <del>2099元</del>
                  </div>
                </div>
              </li>
              <li>
                <div class="thumb">
                  <img src="./images/show4.jpg" alt="" class="p_img">
                  <h3 class="title">小米10 青春版 5G</h3>
                  <p>50倍潜望式变焦 / 轻薄5G手机</p>
                  <div class="price">
                    <span>1899元</span>
                    <del>2099元</del>
                  </div>
                </div>
              </li>
              <li>
                <div class="thumb">
                  <img src="./images/show5.jpg" alt="" class="p_img">
                  <h3 class="title">小米10 青春版 5G</h3>
                  <p>50倍潜望式变焦 / 轻薄5G手机</p>
                  <div class="price">
                    <span>1899元</span>
                    <del>2099元</del>
                  </div>
                </div>
              </li>
              <li>
                <div class="thumb">
                  <img src="./images/show6.jpg" alt="" class="p_img">
                  <h3 class="title">小米10 青春版 5G</h3>
                  <p>50倍潜望式变焦 / 轻薄5G手机</p>
                  <div class="price">
                    <span>1899元</span>
                    <del>2099元</del>
                  </div>
                </div>
              </li>
              <li>
                <div class="thumb">
                  <img src="./images/show7.jpg" alt="" class="p_img">
                  <h3 class="title">小米10 青春版 5G</h3>
                  <p>50倍潜望式变焦 / 轻薄5G手机</p>
                  <div class="price">
                    <span>1899元</span>
                    <del>2099元</del>
                  </div>
                </div>
              </li>
              <li>
                <div class="thumb">
                  <img src="./images/show8.jpg" alt="" class="p_img">
                  <h3 class="title">小米10 青春版 5G</h3>
                  <p>50倍潜望式变焦 / 轻薄5G手机</p>
                  <div class="price">
                    <span>1899元</span>
                    <del>2099元</del>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
        <!-- 结尾 -->
        <div class="end">
          <img src="./images/bot02.webp" alt="">
        </div>
      </div>

      <!-- 家电 -->
      <div class="phone">
        <!-- 头部 -->
        <div class="hd clearfix">
          <!-- 左边标题 -->
          <h4 class="fl">家电</h4>
          <div class="all fr">
            查看全部
          </div>
        </div>
        <!-- 主体部分 -->
        <div class="phone_bd clearfix">
          <div class="con_le fl">
            <li><img src="./images/do1.webp" alt=""></li>
            <li><img src="./images/do2.webp" alt=""></li>
          </div>
          <div class="con_ri fl">
            <ul class="clearfix">
              <li>
                <div class="thumb">
                  <img src="./images/d5.jpg" alt="" class="d_img">
                  <h3 class="title">Redmi 红米电视 70英寸 </h3>
                  <p>70英寸震撼巨屏，4K画质，细腻如真</p>
                  <div class="price">
                    <span>3199元</span>
                    <del>3799元</del>
                  </div>
                </div>
              </li>
              <li>
                <div class="thumb">
                  <img src="./images/d8.webp" alt="" class="d_img">
                  <h3 class="title">Redmi 红米电视 70英寸 </h3>
                  <p>70英寸震撼巨屏，4K画质，细腻如真</p>
                  <div class="price">
                    <span>3199元</span>
                    <del>3799元</del>
                  </div>
                </div>
              </li>
              <li>
                <div class="thumb">
                  <img src="./images/d2.jpg" alt="" class="d_img">
                  <h3 class="title">Redmi 红米电视 70英寸 </h3>
                  <p>70英寸震撼巨屏，4K画质，细腻如真</p>
                  <div class="price">
                    <span>3199元</span>
                    <del>3799元</del>
                  </div>
                </div>
              </li>
              <li>
                <div class="thumb">
                  <img src="./images/d3.jpg" alt="" class="d_img">
                  <h3 class="title">Redmi 红米电视 70英寸 </h3>
                  <p>70英寸震撼巨屏，4K画质，细腻如真</p>
                  <div class="price">
                    <span>3199元</span>
                    <del>3799元</del>
                  </div>
                </div>
              </li>
              <li>
                <div class="thumb">
                  <img src="./images/d7.png" alt="" class="d_img">
                  <h3 class="title">Redmi 红米电视 70英寸 </h3>
                  <p>70英寸震撼巨屏，4K画质，细腻如真</p>
                  <div class="price">
                    <span>3199元</span>
                    <del>3799元</del>
                  </div>
                </div>
              </li>
              <li>
                <div class="thumb">
                  <img src="./images/d6.jpg" alt="" class="d_img">
                  <h3 class="title">Redmi 红米电视 70英寸 </h3>
                  <p>70英寸震撼巨屏，4K画质，细腻如真</p>
                  <div class="price">
                    <span>3199元</span>
                    <del>3799元</del>
                  </div>
                </div>
              </li>
              <li>
                <div class="thumb">
                  <img src="./images/d4.jpg" alt="" class="d_img">
                  <h3 class="title">Redmi 红米电视 70英寸 </h3>
                  <p>70英寸震撼巨屏，4K画质，细腻如真</p>
                  <div class="price">
                    <span>3199元</span>
                    <del>3799元</del>
                  </div>
                </div>
              </li>
              <li>
                <div class="thumb">
                  <img src="./images/d1.jpg" alt="" class="d_img">
                  <h3 class="title">Redmi 红米电视 70英寸 </h3>
                  <p>70英寸震撼巨屏，4K画质，细腻如真</p>
                  <div class="price">
                    <span>3199元</span>
                    <del>3799元</del>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
        <!-- 结尾 -->
        <div class="end">
          <img src="./images/bot03.webp" alt="">
        </div>
      </div>

      <!-- 视频 -->
      <div class="video">
        <!-- 头部 -->
        <div class="hd clearfix">
          <!-- 左边标题 -->
          <h4 class="fl">视频</h4>
          <div class="all fr">
            查看全部
          </div>
        </div>
        <!-- 主体部分 -->
        <div class="home-video">
          <ul class="clearfix">
            <li class="vitem">
              <div class="video-item">
                <img src="./images/audio1.webp" alt="">
              </div>
              <h4>Redmi 10X系列发布会</h4>
              <p>Redmi 10X系列发布会</p>
            </li>
            <li class="vitem">
              <div class="video-item">
                <img src="./images/audio1.webp" alt="">
              </div>
              <h4>Redmi 10X系列发布会</h4>
            </li>
            <li class="vitem">
              <div class="video-item">
                <img src="./images/audio2.webp" alt="">
              </div>
              <h4>Redmi 10X系列发布会</h4>
            </li>
            <li class="vitem">
              <div class="video-item">
                <img src="./images/audio2.webp" alt="">
              </div>
              <h4>Redmi 10X系列发布会</h4>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>

  <!-- 底部 -->
  <footer>
    <!-- 上半部分 -->
    <div class="w">
      <div class="site-footer">
        <!-- 上 -->
        <div class="serve">
          <ul class="clearfix">
            <li>预约维修服务</li>
            <li>7天无理由退货</li>
            <li>15天免费换货满</li>
            <li>99元包邮</li>
            <li>520余家售后网点</li>
          </ul>
        </div>
        <!-- 下 -->
        <div class="links clearfix">
          <!-- 帮助中心 -->
          <div class="help fl clearfix">
            <dl>
              <dt>帮助中心</dt>
              <dd>购物指南</dd>
              <dd>账户管理</dd>
              <dd>订单操作</dd>
            </dl>
            <dl>
              <dt>服务支持</dt>
              <dd>购物指南</dd>
              <dd>账户管理</dd>
              <dd>订单操作</dd>
            </dl>
            <dl>
              <dt>线下门店</dt>
              <dd>购物指南</dd>
              <dd>账户管理</dd>
              <dd>订单操作</dd>
              <dd>企业社会责任</dd>
              <dd>廉洁举报</dd>
            </dl>
            <dl>
              <dt>关于小米</dt>
              <dd>购物指南</dd>
              <dd>账户管理</dd>
              <dd>订单操作</dd>
            </dl>
            <dl>
              <dt>关于我们</dt>
              <dd>购物指南</dd>
              <dd>账户管理</dd>
              <dd>订单操作</dd>
            </dl>
            <dl>
              <dt>特色服务</dt>
              <dd>购物指南</dd>
              <dd>账户管理</dd>
            </dl>
          </div>
          <!-- 联系我们 -->
          <div class="connect fr">
            <div class="tel">400-100-5678</div>
            <p>8:00-18:00 (仅收市话费)</p>
            <div class="people">人工客服</div>
            <div class="follow">
              <span>关注小米</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 下半部分 -->
    <div class="site-info">
      <div class="w">
        <!-- 上面 -->
        <div class="containe">
          <!-- 文字描述 -->
          <div class="info-text clearfix">
            <!-- logo -->
            <h1 class="fl">
              <img src="./images/logo_foot.png" alt="">
            </h1>
            <!-- 文字 -->
            <div class="info-content fl">
              <div class="site">
                <a href="javascript:;">小米商城</a>
                <span>|</span>
                <a href="javascript:;"> MIUI</a>
                <span>|</span>
                <a href="javascript:;">米家</a>
                <span>|</span>
                <a href="javascript:;">米聊</a>
                <span>|</span>
                <a href="javascript:;">多看</a>
                <span>|</span>
                <a href="javascript:;">游戏</a>
                <span>|</span>
                <a href="javascript:;">政企服务</a>
                <span>|</span>
                <a href="javascript:;">小米天猫店</a>
                <span>|</span>
                <a href="javascript:;">小米集团隐私政策</a>
                <span>|</span>
                <a href="javascript:;">小米公司儿童信息保护规则</a>
                <span>|</span>
                <a href="javascript:;">小米商城隐私政策</a>
                <span>|</span>
                <a href="javascript:;">小米商城用户协议</a>
                <span>|</span>
                <a href="javascript:;">问题反馈</a>
                <span>|</span>
                <a href="javascript:;">Select Location</a>
              </div>
              <div class="titles">
                <p>© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号</p>
                <p> （京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告</p>
                <p> 增值电信业务许可证 网络食品经营备案 京食药网食备202010048 食品经营许可证</p>
                <p> 违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
              </div>
            </div>
          </div>
          <!-- 图片链接 -->
          <div class="info-links">
            <ul class="clearfix">
              <li><img src="./images/shuo1.png" alt=""></li>
              <li><img src="./images/shuo2.png" alt=""></li>
              <li><img src="./images/shuo3.png" alt=""></li>
              <li><img src="./images/shuo5.png" alt=""></li>
              <li><img src="./images/shuo6.png" alt=""></li>
            </ul>
          </div>
        </div>
        <!-- 下面 -->
        <div class="slogan">
          探索黑科技，小米为发烧而生
        </div>
      </div>
    </div>
  </footer>

  <script src="./js/swiper-bundle.min.js"></script>
  <script src="./js/style.js"></script>
  <script>
    var swiper = new Swiper('.swiper-container', {
      loop: true,
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      pagination: {
        el: '.swiper-pagination'
      },
      mousewheel: true,
      keyboard: true,
    });
  </script>
</body>

</html>